<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app"><!--调用时间的方法没有参数,可以省略-->
  <button @click="btn1Click">按钮1</button>
  <button @click="btn1Click()">按钮1</button>

  <!--在事件定义时,写函数时省略了小括号,但是方法本身是需要一个参数的-->
  <!--如果函数需要参数,但是没有传入,那么函数的形参为undefined-->
  <button @click="btn2Click">按钮2</button>

  <!--方法定义时,我们需要even对象,同时有需要其他参数-->
  <button @click="btn3Click(abc,$event)">按钮3</button>
</div>

<script src="../js/vue%20.js"></script>
<script>
  const app = new Vue({
    el:'#app',
    data:{
      counter: 0,
      abc: 123
    },
    methods: {
      btn1Click() {
        console.log("btn1Click");
      },
      btn2Click(abc) {
        console.log(abc,'.........');
      },
      btn3Click(abc,event){
        console.log('+++++',abc, event);
      }
    }
  })
</script>
</body>
</html>